@import "reset.css";
@import "5-common.less";

section {
  .card {
    margin: 0.28rem 0 0.3rem 0;
    padding: 0.28rem 0.69rem 0 0.53rem;
    height: 3.2rem;
    width: 100%;
    color: @baseColor;
    background: linear-gradient(135deg, #fe7d7d, #fd6d6c, #fb5a59, #fb4a4a, #F94342);
    border-radius: 0.25rem;
    font-size: 0.26rem;

    div {
      margin-top: 0.37rem;
      display: flex;
      align-items: center;
      justify-content: space-between;

      span {
        font-size: 0.76rem
      }

      a {
        color: @baseColor;
        font-size: 0.32rem;
        font-family: PingFang;
      }
    }


  }

  .details {
    h2{
      font-size:0.36rem;
      line-height: 1.06rem;
    }
    li {
      display: flex;
      justify-content: space-between;
      height: 1.5rem;
      background-color: @baseColor;
      padding: 0.3rem 0.4rem 0.3rem 0.44rem;
      border-radius: 0.1rem;
      margin-bottom: 0.2rem;
      div {
        font-size: 0.28rem;
        & p:nth-child(2) {
          font-size: 0.24rem;
          color: #808080;
        }
      }
      .r {
        text-align: right;
        .num{
          color:#FE3F10;
          font-family: PingFang;
          span{
            font-size: 0.38rem;
          }
        }

      }

    }
  }


}
